<!DOCTYPE html>
<html>

<head>
    <meta charset='UTF-8' />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
    <!-- 	<meta name="apple-mobile-web-app-capable" content="yes" /> -->
    <title><?= $this->data['title']?></title>
    <link rel="stylesheet" href="business/style/common.css?<?=版本?>">
    <meta charset='UTF-8' />
    <script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="business/resource/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="business/js/underscore.js"></script>
    <script type="text/javascript" src="business/js/pinchzoom.js"></script>
    <link rel="stylesheet" href="business/resource/css/chat.css?v=20161115">
    <script src="app/js/common.js?t=20160909"></script>
    <script src="app/js/common/Web_SDK_Base_v2.4.0.js"></script>
    <script src="app/js/common/Web_SDK_Chatroom_v2.4.0.js"></script>
    <script src="app/js/common/Web_SDK_NIM_v2.4.0.js"></script>
    <script src="app/js/common/emoji.js"></script>
    <script src="app/js/common/hprose.js"></script>
    <!-- 图片放大缩小 -->
    <script type="text/javascript">
        $(function () {
            $('div.pinch-zoom').each(function () {
                new RTP.PinchZoom($(this), {});
            });
        })
    </script>
</head>

<body>

    <header style="display: none">
        <span>建议您在WiFi环境下浏览此页面</span>
        <img src="business/resource/images/tipClose.png" alt="">
    </header>

    <div class="content">
        <!-- 视频 -->
        <div class="video">
            <video id="media" controls="controls"  preload="auto" x-webkit-airplay="true" webkit-playsinline="true" >
                <source src="<?=$this->data['视频url']?>" type="video/mp4" x-webkit-airplay="true" webkit-playsinline="true">
                您的浏览器不支持video标签
            </video>
            <p class="freChat">正在刷新</p>
        </div>
        <!-- <div class="videoH"></div> -->
        <!-- 视频 -->
        

        <!-- 聊天内容 -->
        <div id="content">
            
        </div>
        <!-- 聊天内容 -->
        <!-- 输入框 -->
        <div class="entering clearfix">
            <img class="keyboardBtn1" src="business/resource/images/keyboardBtn.png">
            <img class="closeBtn" src="business/resource/images/closeBtn.png">
            <img class="audioBtn" src="business/resource/images/audioBtn.png"> 
            <div class="AudioBtn">
                <div class="startAudio">开始录音</div>
                <div class="sendAudio">发送</div>
            </div>
            <div class="input btn clearfix enteringInput">
                <input type="text" id="message">
            </div>
            <img src="business/resource/images/inputEmojiCon.png" alt=""  class="inputEmojiCon">
            <img class="keyboardBtn" src="business/resource/images/keyboardBtn.png">
            <img class="pictureBtn" src="business/resource/images/pictureBtn.png">
            <div class="send">
                <input type="submit" value="发送" id="send_text">
            </div>
        </div> 

        <!-- 输入框 -->
        <!-- 语音图片按钮 -->
<!--         <div class="class_talk_con_footer">
            <div class="closeBtn class_talk_con_footer_btn"></div> 
            <div class="audioBtn class_talk_con_footer_btn"></div>
            <div class="pictureBtn class_talk_con_footer_btn"></div>
            <div class="AudioBtn">
                <div class="startAudio">开始录音</div>
                <div class="sendAudio">发送</div>
            </div>    
            
        </div> -->
        <!-- 语音图片按钮 -->
        

        <!-- 语音倒计时 -->
        <div class="time-bg"><div class="Audiotime">54s</div></div>
        <!-- 语音倒计时 -->

        <!-- 图片放大缩小插件 -->
        <div id="imgbbig">
            <div class="pinch-zoom" >
                <img src="" onclick="imgbigclose()"/>
            </div>
            <div class="imgbbigdiv"><img src="business/resource/images/txtnavclose.png" alt="" onclick="imgbigclose()" ></div>
        </div>
        <!-- 图片放大缩小插件 -->

        <!-- 表情图片 -->
        <div id="emojiTagDiv">
            <div id="emojiTag"> 

            </div>
        </div>
        
        <!-- 表情图片 -->
    </div>
</body>
</html>